<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<!DOCTYPE html>
<html style="font-size: 50px;">
<fmt:bundle basename="text">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>${title}</title>
        <link href="<%=basePath%>/images/favicon.ico" rel="shortcut icon" />
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="<%=basePath%>/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/ionicons.min.css">
        <link rel="stylesheet" href="<%=basePath%>/dist/css/AdminLTE.min.css">
        <link rel="stylesheet" href="<%=basePath%>/toastr/toastr.css" type="text/css"/>
        <link rel="stylesheet" href="<%=basePath%>/dist/css/skins/_all-skins.min.css">
        <link rel="stylesheet" href="<%=basePath%>/fileupload/fileinput.min.css"/>
        <link rel="stylesheet" href="<%=basePath%>/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
        <link rel="stylesheet" href="<%=basePath%>/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/iCheck/all.css">
        <link rel="stylesheet" href="<%=basePath%>/pagination/style/pagination.css" media="screen">
        <link rel="stylesheet" href="<%=basePath%>/plugins/iziModal/css/iziModal.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/select2/select2.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/iCheck/all.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/loaders/loaders.css"/>
        <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/animate.css"/>
        <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/flavr.css"/>
        <link rel="stylesheet" href="<%=basePath%>/plugins/viewer/viewer.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/bootstrap-treeview/css/bootstrap-treeview.css">
        <link rel="stylesheet" href="<%=basePath%>/css/score.css">
        <style>
            .content {
                color: #fff;
                background: #222431;
            }
            ul, ol {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            #overview {
                width: 100%;
                height: 100%;
            }
            #overview.fullscreen {
                position: fixed;
                left: 0;
                top: 0;
                z-index: 9999;
                background: #222431;
                padding: 15px 0;
            }
            #overview .bold {
                font-weight: bold;
            }
            #overview .fl {
                float: left;
            }
            #overview .fr {
                float: right;
            }
            #overview .line-solid {
                width: 100%;
                height: 0;
                border-top: 1px solid #888;
                margin-bottom: 15px;
            }
            #overview .bb2 {
                display: flex;
                flex-direction: column;
                position:relative;
                padding: 0;
                height: 100%;
                background: #373945;
            }
            #overview #fullscreen {
                margin: 12px;
                cursor: pointer;
            }
            /* 设备金额、数量flex布局 */
            #overview #device-count-price {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            #overview #device-count-price .value {
                color: #24e19f;
                font-size: 1.3em;
                font-weight: bold;
            }
            #overview .value {
                color: #24e19f;
            }
            /* 月份图表样式 */
            #overview .month {
                flex: 1;
                display: flex;
                padding: 5px 0;
            }
            #overview .month-value {
                position: relative;
                height: 100%;
                flex: 1;
            }
            #overview .month-value p.circle-line {
                position: absolute;
                width: calc(100% - 5px);
                height: 0;
                top: 50%;
                left: 0;
                padding: 0;
                margin: 0;
                border-top: 1px solid #fff;
            }
            #overview .month-value .value {
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -18px;
                font-size: 14px;
            }
            #overview .month-value p.circle-line span {
                position: absolute;
                width: 10px;
                height: 10px;
                top: -5px;
                left: -10px;
                border: 1px solid #fff;
                border-radius: 50%;
            }
            #overview .month-value .name {
                position: absolute;
                top: 50%;
                left: 5px;
                font-size: 14px;
                white-space: nowrap;
            }
            #overview .month-chart {
                height: 100%;
            }
            /* 警示图标 */
            #overview .icon-frame {
                position: relative;
                width: 55px;
                height: 55px;
                border: 1px solid #fff;
                border-radius: 5px;
                text-align: center;
                cursor: pointer;
            }
            #overview .icon-frame.active {
                 background-color: #Ffae00;
                 border-color: #000;
             }
            #overview .icon-frame .tip {
                position: absolute;
                min-width: 16px;
                height: 16px;
                top: -8px;
                right: -8px;
                padding: 0 5px 0 3px;
                color: #000;
                border-radius: 8px;
                text-align: center;
                font-size: 14px;
                line-height: 16px;
                background-color: #f00;
            }
            #overview .icon-frame .icon {
                height: 26px;
                margin: 4px 0;
            }
            #overview .icon-frame .word {
                font-size: 12px;
            }
            /* 新闻列表 */
            #overview .new-list {
                padding: 0;
                width: calc(100% - 30px);
            }
            #overview .new-list li {
                line-height: 40px;
            }
            #overview .new-list li i {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-left: 15px;
                background: url(../images/overview/xzgg.png) no-repeat;
                vertical-align: middle;
            }
            #overview .new-list li a {
                color: #fff;
                font-size: 16px;
                display: inline-block;
                vertical-align: middle;
                width: calc(100% - 130px);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            #overview .new-list li span {
                vertical-align: middle;
                float: right;
                font-size: 16px;
            }
            /* 高危故障详情 */
            #list-model {
                height: 100%;
                width: 100%;
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                background: #373945;
            }
            #list-model .list-table {
                display: none;
            }
            #list-model table {
                width: 100%;
            }
            #asset-close, #asset-export, #list-close, #list-export {
                width: 22px;
                height: 22px;
                padding: 4px 0;
                margin: 8px;
                background-color: #fff;
                border-radius: 50%;
                color: #222431;
                text-align: center;
                cursor: pointer;
            }
            .list-table .spanTitle, #tblSort .spanTitle, .iziModal .spanTitle {
                /*text-decoration: none;*/
                color: #14bf9b;
            }
            .list-table tr:nth-of-type(odd) {
                background: #262834;
            }
            .list-table tr:nth-of-type(even) {
                background: #373945;
            }
            .list-table tr {
                border-bottom: 1px solid #4d4f5b;
                line-height: 2.5em;
            }
            .list-table thead tr {
                background: #373945!important;
            }
            .list-table thead tr th {
                background-color: transparent;
            }
            .list-table i {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 5px;
                background-repeat: no-repeat;
                vertical-align: middle;
            }
            .list-table th {
                padding: 0 5px;
                font-weight: bold;
                color: #15b997;
                cursor: pointer;
                white-space: nowrap;
            }

            .list-table td {
                padding: 0 0 0 5px;
                color: #fff;
                white-space: nowrap;
            }
            .list-table td.text-right {
                padding: 0 27px 0 5px;
                color: #fff;
                white-space: nowrap;
            }
            .list-table tfoot td {
                 color: #15b997;
             }
            ::-webkit-scrollbar {
                overflow: visible;
                height: 8px;
                width: 8px;
                background-color: #535662;
            }

            ::-webkit-scrollbar-thumb {
                background-color: #99cbc1;
                border-radius: 4px;
            }
            .warning-list, .event-list {
                overflow: hidden;
            }

            .warning-list li {
                line-height: 40px;
                font-size: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .warning-list li i {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin: 0 5px 0 15px;
                background-repeat: no-repeat;
                vertical-align: middle;
            }

            /* 页脚样式 */
            .wrapper .main-footer {
                background: rgb(56,60,70);
                color: #fff;
            }
            /* 闪烁 */
            @keyframes blink{
                0%{opacity: 1;}
                50%{opacity: 1;}
                50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
                100%{opacity: 0;}
            }
            /* 添加兼容性前缀 */
            @-webkit-keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 1; }
                50.01% { opacity: 0; }
                100% { opacity: 0; }
            }
            @-moz-keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 1; }
                50.01% { opacity: 0; }
                100% { opacity: 0; }
            }
            @-ms-keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 1; }
                50.01% { opacity: 0; }
                100% { opacity: 0; }
            }
            @-o-keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 1; }
                50.01% { opacity: 0; }
                100% { opacity: 0; }
            }
            /* 定义blink类*/
            .blink{
                animation: blink .75s linear infinite;
                /* 其它浏览器兼容性前缀 */
                -webkit-animation: blink .75s linear infinite;
                -moz-animation: blink .75s linear infinite;
                -ms-animation: blink .75s linear infinite;
                -o-animation: blink .75s linear infinite;
                color: #dd4814;
            }

            .repair-list, .other-list {
                width: 100%;
            }
            .repair-list li, .other-list li {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        </style>
    </head>
    <!-- ADD THE CLASS sidedar-collapse TO HIDE THE SIDEBAR PRIOR TO LOADING THE SITE -->
    <body class="hold-transition skin-blue sidebar-mini" style="font-size: 14px;">
    <div id="request-div" style="position: absolute;width: 100%;height: 100%;z-index: 10;display: none;">
        <img src='../images/request-sending.gif' style="position: relative;top: 50%;left: 50%;width: 70px;height: 70px">
    </div>
    <!-- Site wrapper -->
    <div class="wrapper">

        <header class="main-header">
            <!-- Logo -->
           <jsp:include page="logo.jsp" ></jsp:include >
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-fixed-top" >
                <!-- Sidebar toggle button-->
                <a  class="sidebar-toggle" data-toggle="offcanvas" role="button" onclick="show()">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <jsp:include page="menuTop.jsp" ></jsp:include >
            </nav>
        </header>

        <!-- =============================================== -->

        <!-- Left side column. contains the sidebar -->
        <aside class="main-sidebar">
            <jsp:include page="menu.jsp" ></jsp:include >

        </aside>

        <!-- =============================================== -->
        <input type="hidden" id="url" value="<%=basePath%>">
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="padding-top:50px;">
            <!-- Content Header (Page header) -->
            <section class="content-header hide">
                <ol class="breadcrumb">
                    <li class="text-muted"><i class="fa fa-home"></i> 主页</li>
                </ol>
            </section>

            <!-- Main content -->
            <section class="content">
                <div id="overview">
                        <%-- 左侧部分-设备情况分析 --%>
                    <div class="col-md-7" style="height: 100%;">
                        <div class="bb2 col-md-12">
                            <div class="col-md-12">
                                <h4 class="bold">设备情况分析</h4>
                            </div>
                            <div class="col-md-12">
                                    <%-- 设备数量、设备金额 --%>
                                <div class="col-md-2" id="device-count-price">
                                    <div style="margin-top: 20px;">
                                        <p class="item">设备数量</p>
                                        <p class="value spanTitle" id="device-count">0台</p>
                                    </div>
                                    <div class="line-dashed"></div>
                                    <div style="margin-bottom: 20px;">
                                        <p class="item">设备金额</p>
                                        <p class="value" id="device-price">0万元</p>
                                    </div>
                                </div>
                                    <%-- 新增设备、保内设备 --%>
                                <div class="col-md-3" style="padding:0;">
                                    <div id="chart-device" style="height: 100%;"></div>
                                </div>
                                    <%-- 故障次数、故障率 --%>
                                <div class="col-md-3">
                                    <div id="chart-fault"></div>
                                    <div style="margin-top: 20px;">
                                        <p class="item"><span>故障次数</span><span class="value fr spanTitle" id="fault-times">0次</span></p>
                                        <p class="item" style="padding-top:2px;"><span>故障率</span><span class="value fr" id="fault-ratio">0%</span></p>
                                    </div>
                                </div>
                                    <%-- 保养情况 --%>
                                <div class="col-md-4" style="padding-left: 0;">
                                    <div id="chart-upkeep"></div>
                                    <div class="col-md-12" style="width: 105%;padding: 0;margin-top: 20px;">
                                        <div class="col-md-6" style="padding: 0;">
                                            <p class="item"><span>当月保养</span><span class="value fr" id="upkeep-month">0次</span></p>
                                            <p class="item"><span>今年保养</span><span class="value fr" id="upkeep-year">0次</span></p>
                                        </div>
                                        <div class="col-md-6" style="padding: 0 0 0 5px;">
                                            <p class="item"><span>同比</span><span class="value fr" id="upkeep-month-yoy">0.00%</span></p>
                                            <p class="item"><span>同比</span><span class="value fr" id="upkeep-year-yoy">0.00%</span></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 line-solid"></div>
                            </div>
                            <div class="col-md-12 year-month" style="flex:1;">
                                <div class="col-md-6">
                                    <h4 class="text-center">年度统计</h4>
                                </div>
                                <div class="col-md-3">
                                    <h4 class="text-center">当月统计</h4>
                                </div>
                                <div class="col-md-3">
                                    <h4 class="text-center" style="white-space: nowrap;">合同完成率</h4>
                                </div>
                                    <%-- 年度统计 --%>
                                <div class="col-md-6" style="height:100%;">
                                    <div id="chart-year" style="height:calc(100% - 40px);"></div>
                                </div>

                                    <%-- 当月统计 --%>
                                <div class="col-md-3" style="height:calc(100% - 40px);display: flex;flex-direction: column;">
                                    <div class="month">
                                        <div class="month-value fl">
                                            <span class="value">0.00%</span>
                                            <p class="circle-line"><span></span></p>
                                            <span class="name">安装</span>
                                        </div>
                                        <div class="month-chart fr"></div>
                                    </div>
                                    <div class="month">
                                        <div class="month-value fl">
                                            <span class="value">0.00%</span>
                                            <p class="circle-line"><span></span></p>
                                            <span class="name">保养</span>
                                        </div>
                                        <div class="month-chart fr"></div>
                                    </div>
                                    <div class="month">
                                        <div class="month-value fl">
                                            <span class="value">0.00%</span>
                                            <p class="circle-line"><span></span></p>
                                            <span class="name">维修</span>
                                        </div>
                                        <div class="month-chart fr"></div>
                                    </div>
                                </div>
                                    <%-- 城市合同完成率 --%>
                                <div class="col-md-3" style="height:calc(100% - 40px);">
                                    <div id="chart-completion" style="height:100%;"></div>
                                </div>
                            </div>
                            <div id="list-model" class="col-md-12" style="padding:5px 10px;">
                                <div style="border-bottom: 2px solid #8d8f9b;">
                                    <h4 id="list-title" class="bold fl model-title">紧急维修</h4>
                                    <i class="fa fa-times fr" id="list-close"></i>
                                    <div class="clearfix"></div>
                                </div>
                                <div style="width: 100%;height:calc(100% - 40px);overflow:auto;">
                                    <table id="list-table1" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>设备型号</th>
                                            <th>医院名称</th>
                                            <th>科室</th>
                                            <th>故障描述</th>
                                            <th>报修时间</th>
                                            <th>报修人</th>
                                            <th>故障时间</th>
                                            <th>维修编号</th>
                                            <th>负责人</th>
                                            <th>维修状态</th>
                                            <th>设备序列号</th>
                                            <th>服务商</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <table id="list-table2" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>设备型号</th>
                                            <th>医院名称</th>
                                            <th>科室</th>
                                            <th>故障描述</th>
                                            <th>报修时间</th>
                                            <th>报修人</th>
                                            <th>故障时间</th>
                                            <th>维修编号</th>
                                            <th>负责人</th>
                                            <th>维修状态</th>
                                            <th>设备序列号</th>
                                            <th>服务商</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <table id="list-table3" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>所属科室</th>
                                            <th>设备类型</th>
                                            <th>设备型号</th>
                                            <th>年限指数</th>
                                            <th>责任人</th>
                                            <th>上次强检时间</th>
                                            <th>下次强检时间</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <table id="list-table4" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>所属科室</th>
                                            <th>设备类型</th>
                                            <th>设备型号</th>
                                            <th>年限指数</th>
                                            <th>生产日期</th>
                                            <th>服务商</th>
                                            <th>责任人</th>
                                            <th>召回原因</th>
                                            <th>召回发布日期</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <table id="list-table5" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>所属科室</th>
                                            <th>设备类型</th>
                                            <th>设备型号</th>
                                            <th>年限指数</th>
                                            <th>责任人</th>
                                            <th>上次巡检时间</th>
                                            <th>下次巡检时间</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <table id="list-table6" class="list-table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>设备名称</th>
                                            <th>所属科室</th>
                                            <th>设备类型</th>
                                            <th>设备型号</th>
                                            <th>年限指数</th>
                                            <th>服务商</th>
                                            <th>责任人</th>
                                            <th>上次保养时间</th>
                                            <th>下次保养时间</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                        <%-- 右侧部分 --%>
                    <div class="col-md-5" style="height: 100%;">
                        <div class="bb2 col-md-12" style="display: flex;">
                            <div class="col-md-12 warning-title">
                                <img class="fl" style="margin:9px 5px 0 0;" src="<%=basePath%>/images/overview/info.png">
                                <h4 class="bold fl">警示事项</h4>
                                <i class="fa fa-arrows-alt fr" id="fullscreen"></i>
                            </div>
                            <div class="col-md-12 warning-icon" style="padding-top: 10px;">
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="exigencyRepair" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/repair.png">
                                        <p class="word">紧急维修</p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="highRiskRepair" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/hitch.png">
                                        <p class="word">高危故障</p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="planCompulsory" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/force.png">
                                        <p class="word">强检提醒</p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="recall" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/recall.png">
                                        <p class="word">召回事件</p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="planInspection" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/monitor.png">
                                        <p class="word">安装提醒</p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="icon-frame">
                                        <span id="planUpkeep" class="tip">0</span>
                                        <img class="icon" src="<%=basePath%>/images/overview-icon/upkeep.png">
                                        <p class="word">保养提醒</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 warning-list" style="margin: 10px 0;flex: 1;">
                                <div style="overflow:hidden;">
                                    <ul class="repair-list"></ul>
                                </div>
                                <div style="overflow: hidden;">
                                    <ul class="other-list"></ul>
                                </div>
                                <div style="overflow: hidden;display: none;">
                                    <ul class="change-list"></ul>
                                </div>
                            </div>


                            <div class="col-md-12 line-solid border-box" style="margin: 0 15px 15px;width: calc(100% - 30px);"></div>
                                <%-- 事件提醒 --%>
                            <div class="col-md-12 new-title">
                                <img class="fl" style="margin: 9px 5px 0 0" src="<%=basePath%>/images/overview/hyzx.png">
                                <h4 class="bold fl">事件提醒</h4>
                                <a class="fr" style="line-height: 40px;color: #fff;cursor:pointer;">更多>></a>
                            </div>
                            <div class="col-md-12 event-list" style="flex: 1;">
                                <ul class="new-list">
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>美敦力、强生、贝朗、巴德等8家械企主动申请耗材降价！</a>
                                        <span>2018-01-19</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>科技部长点名医疗器械：要国产化、高端化！</a>
                                        <span>2018-01-18</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>药监、卫计联手！10种医械企业禁止参加招标采购</a>
                                        <span>2018-01-17</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>2017医学装备售后服务满意度调查结果</a>
                                        <span>2018-01-16</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>上海自贸区“证照分离”有了升级版 医疗器械注册证试行</a>
                                        <span>2018-01-15</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>发改委发文：这几类器械和药物将获重点支持</a>
                                        <span>2018-01-14</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>AI医疗有多火？强生全线进军AI领域，研发外科手术机器人</a>
                                        <span>2018-01-13</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>设备故障 通用电气医疗系统公司主动召回麻醉机</a>
                                        <span>2018-01-12</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>康蒂思(上海)医疗器械有限公司对镍钛支架系统主动召回</a>
                                        <span>2018-01-11</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <a href="#" show-title>西门子主动召回X射线计算机体层摄影设备 涉及美国等国家</a>
                                        <span>2018-01-10</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->

        <!-- =============================================== -->

        <footer class="main-footer">
            <input type="hidden" id="apiUrl" value="<%=basePath%>/">
            <input type="hidden" id="basePath" value="<%=basePath%>/">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.0
            </div>
            <strong>Copyright &copy; 2019 <a href="#">Topmed</a>.</strong> All rights reserved.
        </footer>
        <jsp:include page="menuRight.jsp" ></jsp:include >
    </div>
    <!-- ./wrapper -->

    <script src="<%=basePath%>/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="<%=basePath%>/bootstrap/js/bootstrap.min.js"></script>
    <script src="<%=basePath%>/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="<%=basePath%>/plugins/fastclick/fastclick.js"></script>
    <script src="<%=basePath%>/dist/js/app.min.js"></script>
    <script src="<%=basePath%>/dist/js/demo.js"></script>
    <script src="<%=basePath%>/bootstrapvalidator/js/bootstrapValidator.min.js"></script>
    <script src="<%=basePath%>/toastr/toastr.js"></script>
    <script src="<%=basePath%>/pagination/js/jquery.pagination.min.js"></script>
    <script src="<%=basePath%>/js/overallSituation.js"></script>
    <script src="<%=basePath%>/fileupload/fileinput.min.js"></script>
    <script src="<%=basePath%>/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="<%=basePath%>/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="<%=basePath%>/plugins/select2/select2.min.js"></script>
    <script src="<%=basePath%>/plugins/select2/i18n/zh-CN.js"></script>
    <script src="<%=basePath%>/plugins/iCheck/icheck.min.js"></script>
    <script src="<%=basePath%>/plugins/iziModal/js/iziModal.min.js"></script>
    <script src="<%=basePath%>/plugins/flavr/flavr.min.js"></script>
    <script src="<%=basePath%>/plugins/viewer/viewer-modify.min.js"></script>
    <script src="<%=basePath%>/plugins/bootstrap-treeview/js/bootstrap-treeview.js"></script>
    <script src="<%=basePath%>/echarts/echarts.min.js"></script>
    <script src="<%=basePath%>/plugins/vticker/jquery.vticker.min.js"></script>
    <script src="<%=basePath%>/plugins/table-head-fixer/table-head-fixer.js"></script>
    <script src="<%=basePath%>/js/index/eventAlert.js"></script>
    <script src="<%=basePath%>/js/index/repair-pop.js"></script>
    <script src="<%=basePath%>/js/index.js"></script>
    <script src="<%=basePath%>/js/socket/socket.js"></script>
    <script>
        $(document).ready(function (){
            publicAjax("<%=basePath%>/user/queryLoginUser","POST",{},function (data){
                var user = JSON.stringify(data);
                console.log(user);
                localStorage.setItem("user",user);
            });
        });


    </script>
</fmt:bundle>
</html>
